<template>
  <div class="left_details_div">
    <div v-for="(item, index) in  res2" :key="index" class="left_top_div">
      <div class="left_top_title">
        {{ item.title }}
      </div>
       <div class="left_top_text" v-html="item.content">
      </div>
      <div class="banner_tisp">
        <img :src="item.thumb">
      </div>
    </div>
        <div class="left_details" v-for="(item,index) in left_cont1" :key="index">
            <div class="left_detalis_banner">
                <img :src='item.url'>
            </div>
            <div class="left_cont_title">
                【{{item.title}}】
            </div>
            <ul class="left_ul">
                <li v-for="(items,index) in item.ul_list" :key="index">
                    {{items.text}}
                </li>
            </ul>
        </div>
  </div>
</template>
<script>
import img from '../assets/4中医药大全-查看详情-副本_07.jpg'
import img1 from '../assets/4中医药大全-查看详情-副本_07.jpg'
import axios from 'axios'
export default {
  data() {
    return {
      id:'',
      res2:[],
      left_cont: [
        {url: img1,title: "阿胶糕的好处",ul_list: [
            {text:"中医解说:阿胶为补血要药，擅长以内调外，改善造血系统，使整个机体得到濡养，并能有效抑制黑色素的生成，从而达到祛除色斑、改善皮肤不",},
            {text:"坚持吃阿胶糕6个月，你会发现感冒的频率减少了，肤色也红润了，皮肤更有弹性了。",},
            {text:"中医解说:人的皮肤成分主要是胶原蛋白，胶原蛋白的结构和质量影响着皮肤的外观。",},
            {text:"阿胶含有大量的胶原蛋白组成，胶原蛋白小肽具有消除自由基的作用，维持皮肤弹性;阿胶还可以提高血清和肝脏SOD和GSH-Px的破坏，实现对造血系统的保护作用。",},
            {text:"中医解说:阿胶为补血要药，擅长以内调外，改善造血系统，使整个机体得到濡养，并能有效抑制黑色素的生成，从而达到祛除色斑、改善皮肤不",},
          ],
        },
        {
          url: img,
          title: "阿胶糕的禁忌人群",
          ul_list: [
            {
              text:
                "睡眠不足是美容的天敌，人体在睡眠时各个器官会进行自我修复，皮肤也不例外。临床上使用阿胶治疗失眠的方法很多，如黄连阿胶汤、牛黄清心丸等。",
            },
            {
              text:
                "坚持吃阿胶糕6个月，你会发现感冒的频率减少了，肤色也红润了，皮肤更有弹性了。",
            },
            {
              text:
                "中医解说:人的皮肤成分主要是胶原蛋白，胶原蛋白的结构和质量影响着皮肤的外观。",
            },
            {
              text:
                "阿胶含有大量的胶原蛋白组成，胶原蛋白小肽具有消除自由基的作用，维持皮肤弹性;阿胶还可以提高血清和肝脏SOD和GSH-Px的破坏，实现对造血系统的保护作用。",
            },
            {
              text:
                "中医解说:阿胶为补血要药，擅长以内调外，改善造血系统，使整个机体得到濡养，并能有效抑制黑色素的生成，从而达到祛除色斑、改善皮肤不",
            },
          ],
        },
      ],
    };
  },
  created(){
    this.id=this.$router.history.current.query.id
    axios
    .get('/complex/yaoshixq?id='+this.id)
    .then((res)=>{this.res2=res.data.data;})
  }

};
</script>
<style scoped>
.left_details_div {
  width: 978px;
  overflow: hidden;
  background: url("../assets/705001088262418139.png") no-repeat top center,
    url("../assets/705001088262418139.png") no-repeat bottom center;
  padding-bottom: 107px;
}
.left_top_div {
  width: 733px; /*margin:120px auto 0;*/
  margin: 122px auto 0;
}
.left_top_title {
  font-size: 20px;
  color: #a40000;
  text-align: center;
  background: url("../assets/132391882995134201.png") no-repeat left center;
}
.left_top_text {
  color: #333333;
  width: 624px;
  margin: 44px auto 0;
  font-size: 18px;
  letter-spacing: 1px;
  text-indent: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.left_details {
  width: 733px;
  margin: 55px auto 0;
}
.left_detalis_banner {
  width: 472px;
  margin: 0 auto;
}
.left_detalis_banner img {
  width: 100%;
}
.left_cont_title {
  font-size: 20px;
  color: #a40000;
  margin: 42px 0 25px;
}
.left_ul {
  width: 627px;
  margin: 0 auto;
  font-size: 18px;
  padding-bottom: 44px;
}
.left_ul li {
  line-height: 30px;
  color: #333333;
  text-indent: 2rem;
}
.banner_tisp{width:472px;height:255px;margin:55px auto 0;}
.banner_tisp img{width:100%;height:255px;}
</style>
